$(function() {

	// 课程数据
	// layui表格
	layui.use(['table','layer','form'], function() {
		var table = layui.table;
		var layer =layui.layer;
		var form = layui.form;
		var T = table.render({
			elem : '#CourseTable',
			url : '/selectCourse', // 数据接口
			response : {
				statusCode : 200
			// 重新规定成功的状态码为 200，table 组件默认为 0
			},
			parseData : function(res) { // res 即为原始返回的数据
				return {
					"count" : res.tol,
					"code" : res.status, // 解析接口状态
					"msg" : res.message, // 解析提示文本
					"data" : res.list
				// 解析数据列表
				};
			},
			cols : [ [ // 表头
			{
				field : 'courseId',
				title : '课程编号',
				width : 200,
				align :'center',
				sort : true,
				fixed : 'left'
			}, {
				field : 'courseName',
				align :'center',
				title : '课程名称'
			}, {
				field : 'operate',
				align :'center',
				toolbar : '#barDemo',
				title : '操作',
				width : 180
			} ] ]
		});

		
		
		// 监听编辑按钮
		table.on('tool(CourseTable)', function(obj) {
			var data = obj.data;
			if (obj.event == 'del') {
				layer.confirm('真的删除这条数据吗',function(index) {
					$.ajax({
						url : "/deleteCourse",
						type : "post",
						data : {
							courseId : data.courseId
						},
						dataType : "json",
						success : function() {
							obj.del();
							layer.close(index);
							layer.msg("删除成功");
						},
						error : function() {
							layer.msg("error");
							layer.close(index);
							}
						})
				});
			}
		});
	

	// 添加课程
	$("#Add_course").on("click",function() {
						layer.open({
									type : 1,
									skin : 'layui-layer-rim', // 加上边框
									area : [ '520px', '300px' ], // 宽高
									content : '<form class="layui-form layui-form-pane" action="#">\n'
											+ '  <br>\n'
											+ '  <div class="layui-form-item">\n'
											+ '    <label class="layui-form-label">课程号</label>\n'
											+ '    <div class="layui-input-block">\n'
											+ '      <input type="text" id="courseId" name="courseId" lay-verify="title" autocomplete="off" placeholder="课程编号不能相同" class="layui-input" >\n'
											+ '    </div>\n'
											+ '  </div>\n'
											+ '  <div class="layui-form-item">\n'
											+ '    <label class="layui-form-label">课程名</label>\n'
											+ '    <div class="layui-input-block">\n'
											+ '      <input type="text" id="courseName" name="courseName" lay-verify="title" autocomplete="off" placeholder="不能为空" class="layui-input">\n'
											+ '    </div>\n'
											+ '  </div>\n'
											+ '<div ><button type="button" lay-submit lay-filter="btn1" class="layui-btn" style="margin-left: 160px;" id="button1">提交</button>\n'
											+ '<button type="reset" class="layui-btn layui-btn-primary" id="button2">重置</button></div>\n'
											+ '</form>'
								});
						
						//监听提交按钮
						form.on('submit(btn1)', function(data){
							var formData = data.field;
							var courseId = formData.courseId;
							var courseName = formData.courseName;
							var str = /^[0-9]*[1-9][0-9]*$/;
							
								
							console.log(courseId);
							console.log(courseName);
							
							if(courseId != null && courseId != '' && courseName != null && courseName != ''){
								
								if(str.test(courseId)){//检验Id是否为纯数字
									
									$.ajax({
										url:'/selectCourseId',
										dataType:'json',
										type:'post',
										data:{
											'courseId':courseId
										},success:function(res){
											
											if(res.msg == 'YES'){
												//校验Name是否存在
												$.ajax({
													url:'/selectCourseName',
													dataType:'json',
													type:'post',
													data:{
														'courseName':courseName
													},success:function(res){
														
														if(res.msg == 'YES'){
															//插入数据
															$.ajax({
																url:'/insertCourse',
																dataType:'json',
																type:'post',
																data:{
																	'courseId':courseId,
																	'courseName':courseName
																},success:function(res){
																	if(res.msg == "YES"){
																		layer.closeAll();
																		T.reload();
																		layer.msg("添加成功");
																	}else{
																		layer.msg("添加失败");
																	}
																	
																},error:function(){
																	layer.alert('系统错误3',{
																		icon : 2,
																		skin : 'layer-ext-moon'
																	})
																}
																
															})
														}else{
															layer.alert('课程名称已经存在，请换一个吧',{
																icon : 2,
																skin : 'layer-ext-moon'
															})
														}
													},error:function(){
														layer.alert('系统错误2',{
															icon : 2,
															skin : 'layer-ext-moon'
														})
													}
												})
											}else{
												layer.alert('这个课程编号已经存在，请换一个吧',{
													icon : 2,
													skin : 'layer-ext-moon'
												})
											}
										},error:function(){
											layer.alert('系统错误1',{
												icon : 2,
												skin : 'layer-ext-moon'
											})
										}
									})
								}else{
									layer.alert('课程编号必须为纯数字',{
										icon : 0,
										skin : 'layer-ext-moon'
									})
								}
								
							}else{
								layer.alert('信息不能为空',{
									icon : 2,
									skin : 'layer-ext-moon'
								})
							}
							return false;
						})
					})
					
	});
})